import styled from 'styled-components'
import border from 'utils/border'

export const HeadContainer = border({
    component: styled.div`
    height: 0.45rem;
   
    .home{
        height: 0.45rem;
        display: flex;
        justify-content:center;
        align-items: center;
        .p1{
            flex : 42.5
            text-align:center
        }
        .p2{
            flex: 290;
            text-align:center;
            overflow-x: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }
        .p3{
            flex:42.5
            text-align:center
        }
        i{
            font-size:.25rem;
            color:#ccc
        }
    }    

`,
    width: '1px',
    style: 'solid',
    color: '#eee',
    radius: 0,
})




